<template>
  <div class="hello">
    <Hedar></Hedar>

    <div class="contentBox">

      <div class="logoImg">
       <img  :src=myfilter3(shops.adShopLogo) />
        <span>{{shops.adShopName}}</span>
      </div>
      <div class="bbbctsa">
        <Navs></Navs>
      </div>
    <p class="strtitle">
      <span>基本信息</span>
    </p>
     <div class="enterprise">
       <p><span>联系人 : {{shops.adShopUsername}}</span></p>
       <p><span>Q Q : {{shops.adShopQq}}</span></p>
       <p><span>联系方式 : {{shops.adShopPhone}}</span></p>
       <p><span>商家地址 : {{shops.adCompanyAddress}}</span></p>
    </div>
    </div>

    <Footers></Footers>
  </div>

</template>

<script>
  import Footers from'@/components/Footers'
  import Bton from'@/components/Bton'
  import Hedar from'@/components/Hedar'
  import Navs from'@/components/Navs'
  export default {
    data () {
      return {
        msg: '',
        bannerimg: [require('@/assets/bg1.png'),require('@/assets/bg2.png'),require('@/assets/bg3.png'),require('@/assets/bg4.png')],
        currentPage3: 5,
        shops:''

      }
    },
    methods: {
      myfilter3(value){
        return 'http://wut3.oss-cn-beijing.aliyuncs.com/'+ value

      },
      getQueryString(name){
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
        var r = window.location.href.split('?')[1].match(reg);
        if (r != null){
          return decodeURI(r[2]);
        }
        return null;
      },
      list_one(gdsid){
        let vam=this
        $.ajax({
          type: "GET",
          url: "http://www.wutongsd.com/awm/selectShop.do?&adExId="+gdsid,
          dataType: "json",
          success: function(data){
            vam.shops=data
//            console.log(vam.shops)
          },
          error:function(aa){
            console.log(aa)
          }
        });
      }
    },
    mounted: function(){
      this.pageId = this.getQueryString('id')
      this.list_one(this.pageId)
      sessionStorage.setItem('listIdall', this.pageId)

    },
    components:{
      Footers,
      Bton,
      Hedar,
      Navs

    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  h1, h2 {
    font-weight: normal;
  }

  ul {
    list-style-type: none;
    padding: 0;
  }


  a {
    color: #42b983;
  }
  .contentBox{
    width:100%;
    min-height:750px;
    margin:0 auto;
  }
  .logoImg{
    width:98%;
    height:120px;
    /*background:url(../assets/logobig.png) no-repeat left top;*/
    overflow: hidden;
    margin:20px 0 20px;
    padding-left:2%;
  }
  .logoImg span{
    width:500px;
    height:120px;
    line-height:120px;
    display: inline-block;
    font-size: 30px;
    text-align: left;
  }

  .logoImg img{
    width:310px;
    height:120px;
    float:left;

  }
  .footer_header{
    width:1200px;
    height:450px;
    background: #eaeaea;
    margin:0 auto;
    margin-bottom: 40px;
  }
  .footer_header img{
    width:100%;
    height:143px;
    border-bottom:1px solid #dedede;
  }

  .footer_header2_left p{
    text-align: left;
    height:32px;
  }
  .footer_header2_left img{
    width:125px;
    height:125px;
  }

  .footer_header2_right ul{
    width:20%;
    height:277px;
    float:left;
  }
  .footer_header2_right ul li{
    width:100%;
    height:20px;
    font-size: 12px;
  }
  .footer_header2_right ul li a{
    color:#929292;
  }.footer_header2_right ul li a:hover{
     color:red;
   }
  .footer_header2_right ul li:nth-child(1){
    height:30px;
    font-size: 14px;
    color:#666666;
  }
  .bbbctsa{
    width:1200px;
    /*height:365px;*/
    margin:0 auto 40px;
  }
  .bbbctsa img{
    width:100%;
    height:100%;
  }
  .strtitle{
    width:1200px;
    height:40px;
    border-bottom:1px solid #a0a0a0;
    margin:0 auto 7px;
  }
  .strtitle span{
    width:180px;
    height:40px;
    background:#eeeeee;
    display: block;
    line-height: 40px;
    font-size: 18px;
    color:#333333;
   font-weight: 400;
  }
  .enterprise{
    width:1198px;
    height:380px;
    margin:0 auto 20px;
    border:solid 1px #b5b5b5;

  }
  .enterprise p{
    width:65%;
    height:20px;
    text-align: left;
    padding: 30px 0 30px 60px;
  }
  .table_a tr{
    border:1px solid #b5b5b5;
  }
  .table_a td{
    border:1px solid #b5b5b5;
  }
</style>
